﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE	html PUBLIC	"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html	xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"	/>
 <title>贵美商城</title>
 <link rel="stylesheet"	type="text/css"	href="css/global.css"	/>
 <link rel="stylesheet"	type="text/css"	href="css/layout.css"	/>
 <script type="text/JavaScript" src="js/func.js"></script>
 <script type="text/javascript" src="js/1.11.1.js"></script>
 <script type="text/JavaScript">
 $(function(){
 	$("#submit").click(function(){
 	if ($("#fname").val()=="") {
		$("#fnameMsg").html("名称不能为空").css("color","red");
		return false;
	}else{
	$("#fnameMsg").html(" ");
	}
	if ($("#lname").val()=="") {
		$("#lnameMsg").html("姓氏不能为空").css("color","red");
		return false;
	}else{
	$("#lnameMsg").html(" ");
	}
	
 	if ($("#userMsg").html()!="√") {
 		$("#userMsg").html("用户名输入有误");
		return false;
	}
 	if ($("#pass").val().length<6) {
 		$("#passMsg1").html("密码最少6位").css("color","red");
		return false;
	}else{
	$("#passMsg1").html("√").css("color","green");
	}
	if ($("#passMsg").html()!="√") {
		$("#passMsg").html("密码输入有误").css("color","red");
		return false;
	}
 	if ($("#emailMsg").html()!="√") {
		$("#emailMsg").html("邮箱输入有误").css("color","red");
		return false;
	}
	if ($("#nYear").val()<"1900") {
		$("#dayMsg").html("年份不能小于1900年").css("color","red");
		return false;
	}else{
	$("#dayMsg").html("√").css("color","green");
	}
 		$.ajax({
   			type: "POST",
   			url: "CheckServlet",
  			data: {fname:$("#fname").val(),lname:$("#lname").val(),sname:$("#sname").val(),pass:$("#pass").val(),rpass:$("#rpass").val(),email:$("#email").val(),sex:$(":radio:checked").val(),nyear:$("#nYear").val(),nmonth:$("#nMonth option:selected").val(),nday:$("#nDay").val()},
  			dataType :"xml",
  			success: function(msg){
  			var message=msg.getElementsByTagName("result")[0].firstChild.nodeValue;
  			if (message=="success") {
				window.location.href="register_success.jsp";
			}
   		}
}); 
 	
 	});
 	$("#sname").blur(function(){
 		$.ajax({
   			type: "POST",
   			url: "RegisterServlet?check=sname",
  			data: {sname:$("#sname").val()},
  			dataType :"xml",
  			success: function(msg){
  			var message=msg.getElementsByTagName("result")[0].firstChild.nodeValue;
  			if (message=="用户名已存在") {
				$("#userMsg").html(message).css("color","red");
			}else{
			$("#userMsg").html(message).css("color","green");
				}
   			}
		}); 
 	});
 	$("#rpass").blur(function(){
 	if ($("#pass").val()!=""&&$("#pass").val()!=null&&$("#rpass").val()!=""&&$("#rpass").val()!=null) {
 	if ($("#pass").val().length>5) {
 		if ($("#pass").val()!=$("#rpass").val()) {
			$("#passMsg").html("两次输入的密码不一致").css("color","red");
		}else{
			$("#passMsg1").html(" ");
			$("#passMsg").html("√").css("color","green");
		}
	}else{
	$("#passMsg1").html("（至少包含 6 个字符）").css("color","red");
	}
	}
 	});
 	
 	$("#email").blur(function(){
 	if ($("#email").val()!=""&&$("#email").val()!=null) {
 	var re = new RegExp("^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$");
  	if(re.test($("#email").val())){
  	$("#emailMsg").html("√").css("color","green");
  	}else{
  		$("#emailMsg").html("格式有误").css("color","red");
  	}
	}
  	});
 });
 
 </script>
</head>
<body>
<div id="container">
	<iframe id="header" src="header.jsp" width="980" height="136" frameborder="0" scrolling="no"></iframe>
    <table class="reg" cellspacing="0px" cellpadding="0px">
      <tbody>
      <tr>
        <td class="a_r w15p"><label for="fname">名字：</label></td>
				<td class="w500"><input name="fname" id="fname" type="text" maxlength="10"/><label id="fnameMsg"></label></td>
        <td class="protocol" rowspan="11">
    		  <h4><img src="images/read.gif" alt="alt" />阅读贵美网服务协议 </h4>
        	<textarea name="textarea" cols="35" rows="15">欢迎阅读服务条款协议，本协议阐述之条款和条件适用于您使用Gmgw.com网站的各种工具和服务。

  本服务协议双方为贵美与贵美网用户，本服务协议具有合同效力。 
  贵美的权利和义务
    1.贵美有义务在现有技术上维护整个网上交易平台的正常运行，并努力提升和改进技术，使用户网上交易活动的顺利。 
    2.对用户在注册使用贵美网上交易平台中所遇到的与交易或注册有关的问题及反映的情况，贵美应及时作出回复。 
    3.对于在贵美网网上交易平台上的不当行为或其它任何贵美认为应当终止服务的情况，贵美有权随时作出删除相关信息、终止服务提供等处理，而无须征得用户的同意。 
    4.因网上交易平台的特殊性，贵美没有义务对所有用户的注册资料、所有的交易行为以及与交易有关的其他事项进行事先审查。 	
				  </textarea>
    	  </td> 				
      </tr>
      <tr>
        <td class="a_r"><label for="lname">姓氏：</label></td>
        <td><input name="lname" id="lname" type="text" maxlength="10"/><label id="lnameMsg"></label></td>
      </tr>
      <tr>
				<td class="a_r" ><label for="sname">登录名：</label></td>
        <td><input name="sname" id="sname" type="text" maxlength="10"/><label id="userMsg">（可包含 a-z、0-9 和下划线）</label></td>
      </tr>
      <tr>
        <td class="a_r"><label for="pass">密码：</label></td>
        <td><input name="pass" id="pass" type="password" maxlength="10"/><label id="passMsg1">（至少包含 6 个字符）</label></td>
      </tr>
      <tr>
        <td class="a_r"><label for="rpass">再次输入密码：</label></td>
        <td><input name="rpass" id="rpass" type="password" maxlength="10"/><label id="passMsg"></label></td>
      </tr>
      <tr>
        <td class="a_r"><label for="email">电子邮箱：</label></td>
        <td><input name="email" id="email" type="text" /><label id="emailMsg">（必须包含 @  字符）</label></td>
      </tr>
      <tr>
        <td class="a_r"><label for="gender">性别：</label></td>
				<td>
			<input name="gender" id="gender1" class="b0" type="radio" value="男" checked="checked" />
    	    <img src="images/Male.gif" alt="alt" />男&nbsp; 
    	    <input name="gender" id="gender2" class="b0" type="radio" value="女" />
    	    <img src="images/Female.gif" alt="alt" />女

        </td>
      </tr>
      <tr>
        <td class="a_r"><label for="nYear">出生日期：</label></td>
        <td>
    		<input type = "text" name="nYear" id="nYear" class="w40"  maxlength="4" />&nbsp;年&nbsp;&nbsp;
    	   <select name="nMonth" id="nMonth">
    		 <option value="" selected="selected">[选择月份]</option>
    	     <option value="1">一月</option>
    	     <option value="2">二月</option>
    	     <option value="3">三月</option>
    	     <option value="4">四月</option>
    	     <option value="5">五月</option>
    	     <option value="6">六月</option>
    	     <option value="7">七月</option>
    	     <option value="8">八月</option>
    	     <option value="9">九月</option>
    	     <option value="10">十月</option>
    	     <option value="11">十一月</option>
    	     <option value="12">十二月</option>
    	   </select>
    	   
    	  <input type = "text" name="nDay" id="nDay"  class="w20" maxlength="2" />日
<label id="dayMsg"></label>
    	</td>
      </tr>
      <tr>
       <td colspan="2" class="pl150"><input type="image" id="submit" class="b0" src="images/submit.gif" /><img src="images/reset.gif" id="reset" class="hand" alt="重置" /></td>
      </tr>
      </tbody>
    </table>	
		<iframe id="footer" src="footer.jsp" width="980" height="150" frameborder="0" scrolling="no"></iframe>
	</div><!--container	end-->
</body>
